import { useEffect, useState, useMemo } from "react";
import history from '@/router/history';
import styles from './index.module.scss';
import { Button, message, Tooltip } from "antd";
import clsx from 'clsx';
import Header from '@/components/header';
import { Carousel } from 'antd';
export default () => {


    useEffect(() => {
        return () => {

        };
    }, []);

    return (
        <div className={styles.home}>
            <Header type="home"></Header>
            <div className={styles.imageList} style={{ height: "calc(100% - 280px)" }}>
                <Carousel effect="fade" autoplay={true}>
                    <div className={styles.imageBox}>
                        <img src="/models/banner/banner1.png" />
                    </div>
                    <div className={styles.imageBox}>
                        <img src="/models/banner/banner2.png" />
                    </div>
                    <div className={styles.imageBox}>
                        <img src="/models/banner/banner3.png" />
                    </div>
                    <div className={styles.imageBox}>
                        <img src="/models/banner/banner4.png" />
                    </div>
                </Carousel>
            </div>
            <div className={styles.desc}>
                <div className={styles.p1}>TREASURE COLLECTION</div>
                <div className={styles.p2}>藏宝室系列橱柜全新上线</div>
                <div className={styles.p2}>量身定制的产品</div>
            </div>
            <div className={styles.btn}>
                即刻选购
            </div>
        </div>
    )
}